/*
File: Navigation CSS
Author: Hash
*/

/********************** TOP MENU BAR ******************/

ul#topnav {
    margin: 0; padding: 0;
    float: left;
    width: 100%;
    list-style: none;
    position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
    font-size: 1.2em;
    background: url(../images/menu_main.gif) repeat-x;
}

ul#topnav li {
    float: left;
    margin: 0; padding: 0;
    border-right: 1px solid #555; /*--Divider for each parent level links--*/
}

ul#topnav li a {
    padding: 10px 15px;
    display: block;
    color: #f0f0f0;
    text-decoration: none;
}

ul#topnav li:hover {
    background: #1376c9 url(../images/menu_active.gif) repeat-x;
}


ul#topnav li span {
    float: left;
    padding: 5px 0;
    position: absolute;
    left: 0; top:35px;
    display: none; /*--Hide by default--*/
    width: 840px;
    background: #1376c9;
    color: #fff;
    /*--Bottom right rounded corner--*/
    -moz-border-radius-bottomright: 5px;
    -khtml-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    /*--Bottom left rounded corner--*/
    -moz-border-radius-bottomleft: 5px;
    -khtml-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
}

ul#topnav li:hover span {
    display: block;
} /*--Show subnav on hover--*/

ul#topnav li span a {
    display: inline;
} /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/

ul#topnav li span a:hover {
    text-decoration: underline;
}

/***************** END OF TOP MENU BAR ******************

/* ----------------------------------------------Column Navigation-------------------------------------*/

#column .subnav{display:block; width:250px; padding:25px; background-color:#F9F9F9; margin-bottom:30px;}

#column .subnav h2{
    margin:0 0 20px 0;
    padding:0 0 14px 0;
    font-size:20px;
    font-weight:normal;
    font-family:Georgia, "Times New Roman", Times, serif;
    color:#666666;
    background-color:#F9F9F9;
    line-height:normal;
    border-bottom:1px dotted #666666;
}

#column .subnav ul{
    margin:0;
    padding:0;
    list-style:none;
}

#column .subnav li{
    margin:0 0 3px 0;
    padding:0;
}

#column .subnav ul ul, #column .subnav ul ul ul, #column .subnav ul ul ul ul, #column .subnav ul ul ul ul ul{border-top:none; padding-top:0;}

#column .subnav a{
    display:block;
    margin:0;
    padding:5px 10px 5px 20px;
    color:#777777;
    background:url(../images/blue_file.gif) no-repeat 10px center #F9F9F9;
    text-decoration:none;
    border-bottom:1px dotted #666666;
}

#column .subnav a:hover{color:#60E1FD; background-color:#F9F9F9;}

#column .subnav ul ul a, #column .subnav ul ul ul a, #column .subnav ul ul ul ul a, #column .subnav ul ul ul ul ul a{background:url(../images/black_file.gif) no-repeat #F9F9F9;}
#column .subnav ul ul a{padding-left:40px; background-position:30px center;}
#column .subnav ul ul ul a{padding-left:50px; background-position:40px center;}
#column .subnav ul ul ul ul a{padding-left:60px; background-position:50px center;}
#column .subnav ul ul ul ul ul a{padding-left:70px; background-position:60px center;}